.doc {
    .doc-title {
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .tree {
        padding: 8px;
        max-height: 660px;
        overflow: auto;
        font-size: 15px;
    }

    .block {
        padding: 16px;
        background-color: #212121;
        margin: 8px 0 20px 0;
        border-radius: 4px;
        color: #fff;

        .block-operate {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 16px;

            >div {
                display: flex;
                align-items: center;

                >span {
                    &:nth-child(n+2) {
                        margin-left: 16px;
                    }
                }

                >.raise {
                    opacity: 0.7;

                    &:nth-child(2) {
                        margin-left: 32px;
                    }

                    >span {
                        &:nth-child(2) {
                            margin-left: 8px;
                        }
                    }

                    &:hover,
                    &.raise-active {
                        cursor: pointer;
                        opacity: 1;
                    }
                }

                .btn {
                    opacity: 0.7;

                    &:hover {
                        opacity: 1;
                        cursor: pointer;
                    }
                }
            }

        }

    }
}

.table-page {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}